<el-main>
    <el-row :gutter="10" type="flex">
        <el-col :xs="10" :sm="10" :md="10" :lg="10" :xl="10">
            <div class="pos-re">
                <div class="pos-ab">
                    <label class="control-label text-right" style="padding-top: 6px">
                        可选角色：
                    </label>
                </div>
                <div class="table-responsive">
                    <table id="roles_table"
                           class="layui-table"
                           lay-size="sm"
                           lay-filter="roles_table">

                    </table>
                </div>
            </div>
        </el-col>
        <el-col :xs="{span: 3, offset: 0}" :sm="{span: 3, offset: 0}"
                :md="{span: 3, offset: 0}" :lg="{span: 3, offset: 0}"
                :xl="{span: 3, offset: 0}" style="text-align: center;">
            <el-row style="text-align: center;margin-top: 60px;">
                <el-button type="primary" size="small"
                           @click="addRole">添加&nbsp;>>
                </el-button>
            </el-row>
            <el-row style="text-align: center;margin-top: 20px;">
                <el-button type="success" size="small"
                           @click="delRole"><<&nbsp;移除
                </el-button>
            </el-row>
        </el-col>
        <el-col :xs="10" :sm="10" :md="10" :lg="10" :xl="10">
            <div class="pos-re">
                <div class="pos-ab">
                    <label class="control-label text-right" style="padding-top: 6px">
                        已选角色：
                    </label>
                </div>
                <div class="table-responsive">
                    <table id="usrroles_table"
                           class="layui-table"
                           lay-size="sm"
                           lay-filter="usrroles_table">

                    </table>
                </div>
            </div>
        </el-col>
    </el-row>
</el-main>
<script>
    require(["pc/system/user_roles"], $.noop);
</script>